<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>商户管理平台</title>
		<link rel="stylesheet" type="text/css" href="libs/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="libs/css/bootstrap-datetimepicker.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<script src="libs/js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/template-web.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts-3d.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/exporting.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/highcharts-zh_cn.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap-datetimepicker.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/bootstrap-datetimepicker.zh-CN.js" type="text/javascript" charset="utf-8"></script>
		<script src="libs/js/area.js" type="text/javascript" charset="utf-8"></script>
	</head>
	
	<body>
		<nav class="navbar navbar-default" style="border: none;background-color: rgb(246,246,246);">
  <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <a id="log" class="navbar-brand" href="/"><img src="img/71.png" style="width: 53px;display: inline-block;"/><span style="margin-left: 20px;">商户管理平台</span></a>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
       
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <li id="so"><input id="so_1" href="#" value="" placeholder="搜索 商户订单号/订单ID" onfocus="soo()" onblur="soo1()" onkeydown="return disableEnter(event)"  ><img src="img/放大镜.svg"/> </input></li>
        <li class="dropdown">
        	<a style="margin-left: 25px;" href="#"  onclick="wait()"> 待办事项  <img src="img/text.svg"/><div id="tooltip_" class="tooltip_"></div> </a>
        	<ul class="dropdown-menu " style="padding-bottom: 20px; width: 400px;">
        		<li style="font-size: 10px;margin:10px 0 0 20px;color: #A6A6A6;">待办事项</li>
            <li style="overflow: hidden;margin: 10px 0;">
            		<a href="#" >
            			<div style="padding-left: 0;"><span class="head">添加结算卡</span><button onclick="addCard()" type="button" class="btn btn-info">立即添加</button>
						<p style="font-size: 12px;width: 250px;line-height: 16px;">添加银行卡，可用来发起真实提现交易</p>
					</div>
				</a>
            </li>
            <!--<li role="separator" class="divider"></li>-->
             <li style="overflow: hidden;">
             	<a href="#" >
            			<div><span class="head">	完善企业资料</span><button onclick="location.href='admin.html'" type="button" class="btn btn-info">完善资料</button>
						<p style="font-size: 12px;width: 250px;line-height: 16px;">完善企业基本信息</p>
					</div>
				</a>
            </li>
            <li style="overflow: hidden;">
             	<a href="#" >
            			<div><span class="head">设置敏感操作密码</span><button onclick="model_pass()" type="button" class="btn btn-info">设置密码</button>
						<p style="font-size: 12px;width: 250px;line-height: 16px;">
							设置敏感操作密码对于账户的安全非常重要，请尽快设置敏感操作密码!
						</p>
					</div>
				</a>
            </li>
            <li style="overflow: hidden;">
             	<a href="#" >
            			<div><span class="head">绑定电子邮箱（登录账户转换）</span><button onclick="model_email()" type="button" class="btn btn-info">绑定邮箱</button>
						<p style="font-size: 12px;width: 250px;line-height: 16px;">绑定电子邮箱对于账户安全非常重要，请务必绑定您常用的电子邮箱</p>
					</div>
				</a>
            </li>
             <li style="overflow: hidden;">
             	<a href="#" >
            			<div><span class="head">进件商户资质</span><button onclick="Administration_4()" type="button" class="btn btn-info">完善资料</button>
						<p style="font-size: 12px;width: 250px;line-height: 16px;">企业信息验证通过后，可用来发起真实交易</p>
					</div>
				</a>
            </li>
          </ul>
        </li>
        <!--<li><a href="#" data-toggle="tooltip" data-placement="bottom" title="标签会随每一个页面改变状态！">工单  <img src="img/iconfont-qicheyongpin.svg"/> </a></li>-->
        <!--<li><a href="news.html">消息  <img src="img/comments.svg"/> </a></li>-->
        <li class="dropdown" onclick="location.href='news.html'">
          <a href="news.html" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">消息 <img src="img/comments.svg"/> </a>
          <ul class="dropdown-menu" style="padding-bottom: 20px;">
            <li style="white-space:nowrap;overflow: hidden;margin: 10px 0;">
            		<a href="#" >
            			<span style="display: block;color: #35c8e6;">系统消息</span>
            			<span style="display: block;line-height: 16px;" id="">基础版及以上用户均可享受 499 元...</span>
            		</a>
            </li>
            <li role="separator" class="divider"></li>
             <li style="white-space:nowrap;overflow: hidden;">
            		<a href="#" >
            			<span style="display: block;color: #35c8e6;">系统消息</span>
            			<span style="display: block;line-height: 16px;" id="">基础版及以上用户均可享受 499 元...</span>
            		</a>
            </li>
          </ul>
        </li>
        <li class="dropdown" onclick="location.href='admin.html'">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">登录用户名 <span class="caret"></span></a>
          <ul class="dropdown-menu">
          	<li><a href="#">预留提示信息！<br /> <span style="color: rgb(57,200,230);">jiyinghao_@126.com</span></a></li>
          	<li role="separator" class="divider"></li>
            <!--<li><a href="admin.html">企业账户</a></li>-->
            <!--<li><a href="admin.html">企业设置</a></li>-->
            <!--<li><a href="admin.html">代付设置</a></li>-->
            <li><a href="admin.html">账户系统设置</a></li>
            <li><a href="admin.html">退出登录</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
	<div id="body">
		<div id="body_Side">
			<div style="height: 0;padding-top: 0;">
				<li class="dropdown1" style="padding-top: 30px; height: 0;padding: 0;">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" style="color: rgb(57,200,230);">  <!--登录用户名 <span class="caret"></span>--></a>
          <ul class="dropdown-menu" style="left: 0;">
          	
            
          </ul>
        </li>
			</div>
			<!--<div >交易概览</div>-->
			<!--<div>支付渠道</div>-->
			<ul>
				<li style="height: 77px; border-bottom: solid 1px #E6E6E6;padding-top: 27px;font-size: 18px;" onclick="appOverview()"><a href="javascript:void(0);" style="position: relative;left: -15px;">交易概览</a></li>
				<li onclick="merchant()"><a href="javascript:void(0);" style="position: relative;left: -15px;">商户管理</a></li>
				<!--<li onclick="appOverview()"><a href="javascript:volid(0);" >时段概览</a></li>-->
				<!--<li onclick="analysis_2()"><a href="javascript:volid(0);" >渠道概览</a></li>-->
				<!--<li onclick="appOverview()"><a href="javascript:volid(0);" >商户管理</a></li>-->
				<!--支付渠道 （通道定制 这个功能暂时取消）-->
				<li onclick="payChannel()"><a href="javascript:void(0);" style="position: relative;left: -15px;">支付渠道</a></li>
			</ul>
			<div>交易管理</div>
			<ul>
				<li onclick="order()"><a href="javascript:void(0);" >订单查询</a></li>
				<!--<li><a href="javascript:void(0);">退款管理</a></li>-->
				<li onclick="retreat()"><a href="javascript:void(0);" >批量销卡</a></li>
				<li onclick="enterprise()"><a href="javascript:void(0);" >通知地址</a> </li>
			</ul>
			
			<div>交易代付</div>
			<ul>
				<li onclick="payment()"><a href="javascript:void(0);" >对私/公付款</a></li>
				<li onclick="jiaoyi_2()"><a href="javascript:void(0);">API接口代付</a></li>
				<!--代付记录 - 暂时去掉-->
				<!--<li onclick="jiaoyi_3()"><a href="javascript:void(0);">代付记录</a></li>-->
				<!--<li onclick="jiaoyi_4()"><a href="javascript:void(0);">代付设置</a></li>-->
			</ul>
			<div>财务管理</div>
			<ul>
				<li onclick="Administration_3()"><a href="javascript:void(0);" >提现管理</a></li>
				<li onclick="model3_2()"><a href="javascript:void(0);" >结算卡管理</a></li>
				<li onclick="detailed()"><a href="javascript:void(0);" >账户明细查询</a></li>
				<li onclick="finance()"><a href="javascript:void(0);" >账户汇总查询</a></li>
				<!--<li onclick="finance()"><a href="javascript:void(0);" >财务汇总</a></li>-->
				<li onclick="download()"><a href="javascript:void(0);">对账单下载</a></li>
			</ul>
			<!--<div>账户系统</div>
			<ul>
				<li onclick=" Administration()"><a href="javascript:void(0);">开发设置 </a></li>
				<li onclick="Administration_2()"><a href="javascript:void(0);" >敏感操作密码</a></li>
				<li onclick="Administration_3()"><a href="javascript:void(0);">企业成员</a></li>
				<li onclick="Administration_4()"><a href="javascript:void(0);">企业资料</a></li>
			</ul>-->
			<div>技术开发</div>
			<ul>
				<!--<li><a href="javascript:void(0);">联调工具</a></li>-->
				<!--<li><a href="javascript:void(0);">webhooks</a></li>-->
				<li onclick="hig()"><a href="javascript:void(0);">系统监控</a></li>
			</ul>
		</div>
		<div id="body_right">
			<p id="title"><a href="#" data-toggle="tooltip" title="标签会随每一个页面改变状态！">标题  ID：title</a></p>
			<!--<p id="title2"><span>时段统计</span><span>渠道统计</span><span>分区统计</span></p>-->
			<div id="body_content"></div>
		</div>
	</div>
	<!--模态框-->
	<!--模态框代码-->
			<!-- Modal -->
			<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
				<div class="modal-dialog" role="document">
					<div class="modal-content">
						<div class="modal-header">
							<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
							<h4 class="modal-title" id="myModalLabel">订单信息-详情</h4>
						</div>
						<div id="modal-body">		
						</div>
						<!--<div class="modal-footer">-->
							<!--<button type="button" class="btn btn-default" data-dismiss="modal">返回</button>-->
							<!--<button type="button" class="btn btn-primary">Save changes</button>-->
						<!--</div>-->
					</div>
				</div>
			</div>
			<!--小模态框-->
			<!--<div class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel">
  				<div class="modal-dialog modal-sm" role="document">
    					<div class="modal-content">
      					...
    					</div>
  				</div>
			</div>-->
	<div class="mainFooter">
            <span> 粤  ICP备 12007740 号</span>
            <a href="#" target="_blank">帮助中心</a>
            <a href="#" target="_blank">开发者中心</a>

            <div class="pull-right">
                <a href="https://www.longpay.com/" class="copyright">©2016 LongPay</a>
            </div>
        </div>
	</body>
	<script src="js/tool.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
	<!--<script src="js/admin.js" type="text/javascript" charset="utf-8"></script>-->
	<script type="text/javascript">
			//搜索效果(获取焦点-失去焦点)
			function soo () {
				$("#so_1").animate({width:"200px"})
			}
			function soo1 () {
				$("#so_1").animate({width:"43px"})
			}
			//回车键触发事件
			function disableEnter(event){
				console.log(event)
				var keyCode = event.keyCode?event.keyCode:event.which?event.which:event.charCode;
				if (keyCode ==13){
				// 此处处理回车动作
					alert("回车键触发事件")
					}
				}
		
			//侧边栏的鼠标划入效果
			$("#body_Side li").click(function(){
			$("#body_Side li").addClass('intro').removeClass('intro_')
			$(this).addClass('intro_');
			$("#body_Side li").removeClass('intro')
			})
			//启用页面所有的提示框
			$(function () { $("[data-toggle='tooltip']").tooltip(); });
			//首屏加载页面 - 待办事项
			wait()
			//应用概览 - 统计图上
			function hcharts_line() {
    $('#container').highcharts({
        chart: {
            type: 'line'
        },
        title: {
            text: '时段数据交易额（元）'
        },
        subtitle: {
            text: 'https://www.longpay.com'
        },
        xAxis: {
            categories: ['0-1时', '1-2时', '2-3时', '3-4时', '4-5时', '5-6时', '6-7时', '7-8时', '8-9时', '9-10时', '10-11时', '11-12时','12-13时', '13-14时', '14-15时', '15-16时', '16-17时', '17-18时', '18-19时', '19-20时', '20-21时', '21-22时', '22-23时', '23-0时']
        },
        yAxis: {
            title: {
                text: '交易额( 元 )'
            }
        },
        tooltip: {
        formatter: function () {
            return  '<b>' + this.series.name + '</b><br/>' +
            			'<b>' + this.x + '</b><br/>' +
                		Highcharts.numberFormat(this.y, 2);
                
        }},
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true          // 开启数据标签
                },
                enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
            }
        },
        series: [{
            name: '今日交易额',
            data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 25.3, 27.9, 29.6,27.0, 28.9, 27.5, 29.5, 28.4, 27.5, 25.2, 23.5, 21.3, 18.3, 13.9, 9.6]
        }, {
            name: '所选日期交易额',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8,8.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
};


	//应用概览 - 统计图下
			function hcharts_line_1() {
    $('#container_1').highcharts({
        chart: {
            type: 'line'
        },
        title: {
            text: '时段订单数据（笔）'
        },
        subtitle: {
            text: 'https://www.longpay.com'
        },
        xAxis: {
            categories: ['0-1时', '1-2时', '2-3时', '3-4时', '4-5时', '5-6时', '6-7时', '7-8时', '8-9时', '9-10时', '10-11时', '11-12时','12-13时', '13-14时', '14-15时', '15-16时', '16-17时', '17-18时', '18-19时', '19-20时', '20-21时', '21-22时', '22-23时', '23-0时']
        },
        yAxis: {
            title: {
                text: '订单( 笔 )'
            }
        },
        plotOptions: {
            line: {
                dataLabels: {
                    enabled: true          // 开启数据标签
                },
                enableMouseTracking: true // 关闭鼠标跟踪，对应的提示框、点击事件会失效
            }
            
        },
        tooltip: {
        formatter: function () {
            return  '<b>' + this.series.name + '</b><br/>' +
            			'<b>' + this.x + '</b><br/>' +
                		Highcharts.numberFormat(this.y, 2);     
        }},
        series: [{
            name: '今日订单数',
            data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 25.3, 27.9, 29.6,27.0, 28.9, 27.5, 29.5, 28.4, 27.5, 25.2, 23.5, 21.3, 18.3, 13.9, 9.6]
        }, {
            name: '所选日期订单数',
            data: [3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8,3.9, 4.2, 5.7, 8.5, 11.9, 15.2, 17.0, 16.6, 14.2, 10.3, 6.6, 4.8]
        }]
    });
};
			/*
			 * 我的应用跳转 - 功能删除
			 */
//			$("#app").click(function () {window.location.replace("index_0.html");})
		
		//控制下拉菜单自动弹出
		$('.dropdown').mouseover(function() {   $(this).addClass('open');}).mouseout(function() {$(this).removeClass('open');  });  

		
	
		
		
	</script>
</html>
